<!DOCTYPE html>
<html lang="en" lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<title>小程序</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/swiper.min.css">
	<link rel="stylesheet" href="css/index.css">
</head>
<body>
	<!-- ***********************头部开始****************************** -->
  <div class="head">
    <div class="head-bk">
      <div class="head-size">
        <p class="fl">7年品牌网站建设专家————成都睿道网络科技有限公司</p class="head-b">
          <div class="head-right fr">
          <ul>
            <li>
              <div class="fl"><img src="images/tel.png" class="head-img"></div>
                <span class="head-a fl"><a href="tel:13541059329">135-4105-9329</a></span>
            </li>
            <li>
              <span class="fl"><a href="http://wpa.qq.com/msgrd?v=3&uin=1846189021&site=qq&menu=yes">在线资讯</a></span>
              <img src="images/QQ.png" class="head-b fl">
            </li>
            <li>
              <span class="fl"><a href="https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140842">微信咨询</a></span>
              <img src="images/wx.png" class="head-c fl">
            </li>
          </ul>
          </div>
      </div>
    </div>
      <div class="rui-da">
        <img src="images/logo.png" class="fl">
      <div class="rui fl">
        <ul class="wh">
          <li class="wh-a">7年</li>
          <li>武汉 · 成都</li>
        </ul>
      <br />
      <div class="wh-b">因为专业 · 所以做的更好</div>

      </div>
      <ul class="zmx-nav">
        <li><a href="index.html" >首页</a></li>
        <li><a href="build.html" class="pop">服务</a></li>
        <li><a href="case.html">案例</a></li>
        <li><a href="plan.html">方案</a></li>
        <li><a href="news.html">新闻</a></li>
        <li><a href="guanyu.html">关于</a></li>
        <li><a href="contact.html">联系</a></li>
      </ul>
      </div>
  <nav class="navbar navbar-default">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed fl" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
    </div>
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li><a href="index.html">首页</a></li>
        <li><a href="build.html">服务</a></li>
        <li><a href="case.html">案例</a></li>
        <li><a href="plan.html">方案</a></li>
        <li><a href="news.html">新闻</a></li>
        <li><a href="guanyu.html">关于</a></li>
        <li><a href="contact.html">联系</a></li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>
    </div>
<!-- ****************************头部结束 *******************************-->
	<img src="images/weixinbanner.jpg" class="lyk_weixinbanner">
	<div class="lyk_nav">
	  <div class="clearfix">
		  <div><a href="build.html" class="lyk_off">网站建设</a></div>
		  <div><a href="better.html" class="lyk_off">网站优化</a></div>
		  <div><a href="lgq-phoneWebsite.html" class="lyk_off">手机网站</a></div>
		  <div><a href="zmarket.html" class="lyk_off">全网营销</a></div>
          <div><a href="wechat.html" class="lyk_on">小程序</a></div>
		  <div><a href="jiqiren.html" class="lyk_off">机器人</a></div>
	  </div>
	</div>
	<div class="lyk_first">
	  <div class="container">
	    <div class="lyk_title">
	      <h3>小程序</h3>
	      <p></p>
	    </div>
	    <div class="lyk_weixincon">
	      <div class="lyk_weixin_c swiper-container container">
	        <div class="lyk_weixin_d row swiper-wrapper">
	          <div class="lyk_weixin_f swiper-slide col-lg-3 col-md-6 col-sm-4 col-xs-12" id="f1">
	            <div class="lyk_weixin_f_kuang">
	              <div>
	                <img src="images/we1_icon_1.png" id="f1_img">
	              </div>
	            </div>
	            <h3>即开即用</h3>
				<p>不用安装，即开即用，用完就走</p>
				<p>省流量省安装时间，不占用桌面</p>
	          </div>
	          <div class="lyk_weixin_f swiper-slide col-lg-3 col-md-6 col-sm-4 col-xs-12" id="f2">
	            <div class="lyk_weixin_f_kuang">
	              <div>
	                <img src="images/we1_icon_2.png" id="f2_img">
	              </div>
	            </div>
	            <h3>节约成本</h3>
				<p>对于企业来说,开发成本更低</p>
				<p>他们可以更多财力人力放</p>
				<p>如何运营好产品,做好内容</p>
	          </div>
	          <div class="lyk_weixin_f swiper-slide col-lg-3 col-md-6 col-sm-4 col-xs-12" id="f3">
	            <div class="lyk_weixin_f_kuang">
	              <div>
	                <img src="images/we1_icon_3.png" id="f3_img">
	              </div>
	            </div>
	            <h3>易用易懂</h3>
				<p>对于用户来说,相较于各种APP微信小程序UI和操作流程会更统一可以降低用户的使用难度</p>
	          </div>
	          <div class="lyk_weixin_f lyk_last swiper-slide col-lg-3 col-md-6 col-sm-4 col-xs-12" id="f4">
	            <div class="lyk_weixin_f_kuang">
	              <div>
	                <img src="images/we1_icon_4.png" id="f4_img">
	              </div>
	            </div>
	            <h3>媲美APP</h3>
				<p>相较于原生APP</p>
				<p>推广更容易更简单,更省成本</p>
	          </div>
	        </div>
	      </div>
	      <div class="service-pagination we1-pagination swiper-pagination-clickable swiper-pagination-bullets" style="text-align: center;
    "><span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span></div>
	    </div>
	  </div>
	</div>
	<div class="lyk_second">
	  <div class="container">
	  	<div class="row">
		    <div class="lyk_title">
		      <h3>小程序大应用</h3>
		      <p>小程序资源抢占已经烽烟四起</p>
		    </div>
	    </div>
	    <div class="lyk_second_a row">
	      <div class="lyk_second_b col-lg-4 col-md-4 col-sm-4 col-xs-12">
		    <img src="images/we2_img1.jpg">
		    <div>
 			  <p>航空公司</p>
 			  <p class="xian"></p>
		      <p>airline</p>
		    </div>
	      </div>
	      <div class="lyk_second_b col-lg-4 col-md-4 col-sm-4 col-xs-12">
		    <img src="images/we2_img2.jpg">
		    <div>
			  <p>旅游出行</p>
			  <p class="xian"></p>
		      <p>TRavel travel</p>
		    </div>
	      </div>
	      <div class="lyk_second_b lyk_last col-lg-4 col-md-4 col-sm-4 col-xs-12">
		    <img src="images/we2_img3.jpg">
		    <div>
		      <p>政府服务</p>
		      <p class="xian"></p>
		      <p>Government services</p>
		    </div>
	      </div>
	    </div>
	    <div class="lyk_second_c row">
	     <div class="lyk_second_c_box">
	          <div class="lyk_second_d">
	            <div class="lyk_second_d_left">
	           	  <p>我要定制</p>
	            </div>
	            <div class="lyk_second_d_right">
	             <p>→</p>
	            </div>
	          </div>
	      </div>
	    </div>
	  </div>
	</div>
	<div class="lyk_third">
	  <div class="container">
	    <div class="row">
		    <div class="lyk_title">
		      <h3>三种主流注册模式</h3>
		      <p>快快完善贵公司的小程序</p>
		    </div>
	    </div>
	    <div class="row">
	      <div class="lyk_third_box col-lg-4 col-md-4 col-sm-4 col-xs-12" id="t1">
	  		<div class="lyk_third_box_quan">
	  		  <div><img src="images/icon_11.png" id="t1_img"></div>
	  		</div>
	  		<h3>服务类型</h3>
	  		<p>订蛋糕，买鲜花</p>
	      </div>
	      <div class="lyk_third_box col-lg-4 col-md-4 col-sm-4 col-xs-12" id="t2">
	        <div class="lyk_third_box_quan">
	  		  <div><img src="images/icon_12.png" id="t2_img"></div>
	  		</div>
	  		<h3>品牌加服务</h3>
	  		<p>同程旅游，首脑美容，摩拜单车</p>
	      </div>
	      <div class="lyk_third_box col-lg-4 col-md-4 col-sm-4 col-xs-12" id="t3">
			<div class="lyk_third_box_quan">
	  		  <div><img src="images/icon_13.png" id="t3_img"></div>
	  		</div>
	  		<h3>搭建行业平台</h3>
	  		<p>深圳律师网，广州拓展训练门户</p>
	  		<p>海南黄花梨商城</p>
	      </div>
	    </div>
	    <div class="lyk_third_c row">
	     <div class="lyk_third_c_box">
	          <div class="lyk_third_d">
	            <div class="lyk_third_d_left">
	           	  <p>我要定制</p>
	            </div>
	            <div class="lyk_third_d_right">
	             <p>→</p>
	            </div>
	          </div>
	      </div>
	    </div>
	  </div>
	</div>
	<div class="lyk_fourth">
	  <div class="container">
	    <div class="row">
		    <div class="lyk_title_a">
		      <h3>如何使用小程序？</h3>
		      <p>无需下载安装，即用即走</p>
		    </div>
	    </div>
	    <div><img src="images/we4_img.png"></div>
	  </div>
	</div>
	<div class="lyk_fifth">
	  <div class="container">
	    <div class="row">
	      <div class="lyk_title">
		      <h3>提升用户对品牌认知增加品牌形象</h3>
		      <p>从而带动整个区域品牌的长足发展，形成产业规模优势</p>
		  </div>
		<div class="row">
		  <div class="lyk_fifth_box col-lg-2 col-md-4 col-sm-6 col-xs-12" id="f1">
	  		<div class="lyk_fifth_box_quan">
	  		  <div><img src="images/icon_31.png" id="f1_img"></div>
	  		</div>
	  		<h3>品牌推广</h3>
	  		<p>Brand Promotion</p>
	      </div>
		  <div class="lyk_fifth_box col-lg-2 col-md-4 col-sm-6 col-xs-12" id="f2">
	  		<div class="lyk_fifth_box_quan">
	  		  <div><img src="images/icon_32.png" id="f2_img"></div>
	  		</div>
	  		<h3>品牌推广</h3>
	  		<p>Brand Promotion</p>
	      </div>
	      <div class="lyk_fifth_box col-lg-2 col-md-4 col-sm-6 col-xs-12" id="f3">
	  		<div class="lyk_fifth_box_quan">
	  		  <div><img src="images/icon_33.png" id="f3_img"></div>
	  		</div>
	  		<h3>品牌推广</h3>
	  		<p>Brand Promotion</p>
	      </div>
	      <div class="lyk_fifth_box col-lg-2 col-md-4 col-sm-6 col-xs-12" id="f4">
	  		<div class="lyk_fifth_box_quan">
	  		  <div><img src="images/icon_34.png" id="f4_img"></div>
	  		</div>
	  		<h3>品牌推广</h3>
	  		<p>Brand Promotion</p>
	      </div>
	      <div class="lyk_fifth_box col-lg-2 col-md-4 col-sm-6 col-xs-12" id="f5">
	  		<div class="lyk_fifth_box_quan">
	  		  <div><img src="images/icon_35.png" id="f5_img"></div>
	  		</div>
	  		<h3>品牌推广</h3>
	  		<p>Brand Promotion</p>
	      </div>
	      <div class="lyk_fifth_box col-lg-2 col-md-4 col-sm-6 col-xs-12" id="f6">
	  		<div class="lyk_fifth_box_quan">
	  		  <div><img src="images/icon_36.png" id="f6_img"></div>
	  		</div>
	  		<h3>品牌推广</h3>
	  		<p>Brand Promotion</p>
	      </div>
		</div>
	    </div>
	  </div>
	</div>
<!-- *************************底部开始******************* -->
<!-- *************************底部开始******************* -->
<div class="dibu">
<div class="ten">
    <div class="tenfirst">
      <div class="tenfirstl">LINKS</div>
      <div class="tenfirstr">
      <a href="">B2B导航网</a>
      <a href="">武汉网站建设</a>
      <a href="">成都网站建设</a>
       </div>
    </div>
    <div class="tensecond">
     <p class="tenp1">
       <img src="images/link1.png" alt="" >
       <p class="tenp1">7年全国网站<br>建站制作服务</p>
      </p>
      <p class="tenp1">
        <img src="images/link2.png" alt="" >
        <p class="tenp1">空间安全快速<br>稳定服务器</p>
      </p>
       <p class="tenp1">
        <img src="images/link3.png" alt="" >
        <p class="tenp1">免费协助备案<br>域名可自由转出</p>
      </p>
       <p class="tenp1">
        <img src="images/link4.png" alt="" >
        <p class="tenp1">用技术求生存<br>靠服务求发展</p>
      </p>
       <p class="tenp1">
        <img src="images/link5.png" alt="" >
        <p class="tenp1">1000+客户案例<br>最具说服力</p>
      </p>
       <p class="tenp1">
        <img src="images/link6.png" alt="" >
        <p class="tenp1">纯手工代码<br>源码全提供</p>
      </p>
       <p class="tenp1">
        <img src="images/link7.png" alt="" >
        <p class="tenp1">只做有排名<br>有价值的网站</p>
      </p>
       <p class="tenp1">
        <img src="images/link8.png" alt="" >
        <p class="tenp1">实惠服务价值<br>客户满意为止</p>
      </p>
    </div>
  </div>
  <div class="eleven">
    <div class="elevenbox">
      <div class="elevenl">
        <div class="elevenlmenu">
          <p class="elevenlmenu1">定制项目套餐
          </p>
          <div class="elevenlmenu2">
            <a href="#">品牌形象网站建设</a>
            <a href="#">企业宣传网站建设</a>
            <a href="#">电子商务网站建设</a>
            <a href="#">行业门户网站建设</a>
            <a href="#">微信网开发</a>
          </div>
        </div>
        <div class="elevenlmenu">
          <p class="elevenlmenu1">模板网站分类
          </p>
          <div class="elevenlmenu2">
            <a href="#">企业模板网站</a>
            <a href="#"><br>商城模板网站</a>
            <a href="#"><br>全Flash网站</a>
            <a href="#"><br>手机网站模板</a>
          </div>
        </div>
        <div class="elevenlmenu">
          <p class="elevenlmenu1">数据基础业务
          </p>
          <div class="elevenlmenu2">
            <a href="#">域名注册</a>
            <a href="#"><br>云主机/云虚机</a>
            <a href="#"><br>企业邮箱</a>
            <a href="#"><br>400电话</a>
          </div>
        </div>
        <div class="elevenlmenu">
          <p class="elevenlmenu1">网站制作</p>
          <div class="elevenlmenu2">
            <a href="#">服务项目</a>
            <a href="#"><br>制作流程</a>
            <a href="#"><br>建站优势</a>
            <a href="#"><br>网站案例</a>
            <a href="#"><br>建站资讯</a>
          </div>
        </div>
        <div class="elevenlmenu">
          <p class="elevenlmenu1">微信服务</p>
          <div class="elevenlmenu2">
            <a href="#">为什么选择微信营销</a>
            <a href="#"><br>微信营销解决方案</a>
            <a href="#"><br>我们的优势</a>
            <a href="#"><br>微信资讯</a>
            <a href="#"><br>微信案例</a>
          </div>
        </div>
      </div>
         <div class="elevenr">
           <img src="images/map.png">
         </div>
     </div>
  </div>
  <div class="twelve">
    <div class="twelvewords">版权所有©Copyright 2017</div>
  </div>
  </div>
<!-- ***************************底部结束 ********************-->
	<script src="js/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/swiper.min.js"></script>
	<script src="js/lyk_index.js"></script>
	  <script>
       var we1_c = new Swiper('.lyk_weixin_c', {
        pagination: '.we1-pagination',
        paginationClickable: true,
        slidesPerView: 4,
        spaceBetween: 50,
        freeMode: true,
        pagination: {
          el: '.service-pagination',
          clickable: true,
        },
        breakpoints: {
            991: {
                slidesPerView: 3,
                spaceBetween: 30
            },
            767: {
                slidesPerView: 2,
                spaceBetween: 40
            },
            640: {
                slidesPerView: 1,
                spaceBetween: 1
            }
        }
    })
     </script>
</body>
</html>